.m-r-60{margin-right: 60rpx;}
.m-b-60{margin-bottom: 60rpx;}
.box-w {
  width: 100%;
  height: 100%;
}
/*隐藏滚动条*/
::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}
.m-left{
  margin-left:4rpx;
}
.swiper{
	position: relative;
  height: 800rpx;
	overflow: hidden;
}
.banner-box {
  height: 750rpx;
	overflow: hidden;
}
.imgBox{
  height: 100%;
  width: 100%;
	position: relative;
	.imgBox-bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		filter: blur(2rpx);
		&::after{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,.35);
		}
	}
}
.banner-box-item{
	.slide-image {
		position: relative;
	}
}
/* banner计数 */

.videoPlay{
  position: absolute;
  left: 30rpx;
  margin-top: -108rpx;
  font-size: 24rpx;
  width: 80rpx;
  height: 80rpx;
  line-height: 80rpx;
  background:rgba(0,0,0, .5);
  border-radius:50%;
  text-align: center;
  border: 1rpx solid white;
  color: white;
}
.videoBox{
  height: 100%;
  width: 100%;
}
.banner-num {
  position: absolute;
  right: 30rpx;
  bottom: 20rpx;
  font-size: 24rpx;
	font-family: Bebas;
  line-height: 26rpx;
}

.banner-num text:last-child {
  font-size: 24rpx;
}
.banner-suona{
  position: absolute;
  right: 30rpx;
  margin-top: -178rpx;
  background:rgba(255,255,255, .7);
  border-radius:50rpx;
  width:50rpx;
  height:50rpx;
  color: #000;
  text-align: center;
  line-height: 40rpx;
}
// 视频弹窗
.videoBox{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 9999;
}
.videoAll{
  width: 100%;
}
// 缩略图
.thumb-banner-box{
	position: absolute;
	bottom: 0;
	right: 84rpx;
	width: 300rpx;
	height: 90rpx;
	flex-direction: row;
	white-space: nowrap;
	.thumb-banner-item{
		display: inline-block;
		flex-wrap: nowrap;
		padding-left: 10rpx;
		padding-right: 10rpx;
		&::after{
			content: '';
			display: block;
			width: 12rpx;
			height: 4rpx;
			margin: 6rpx auto 0;
			transform: skew(-30deg);
			background: transparent;
		}
		&.active::after{
			background: #CB0133;
			animation: 0.2s rightRouceIn ease-in-out;
		}
	}
	.slide-image{
		width: 80rpx;
		height: 80rpx;
		border-radius: 8rpx;
	}
}
@keyframes rightRouceIn{
	0%{transform: translateX(5rpx);}
	50%{transform: translateX(-5rpx);}
	100%{transform: translateX(0);}
}
// 商品价格
.goods-price{
	position: absolute;
	left: 40rpx;
	bottom: 10rpx;
	width: 240rpx;
	height: 80rpx;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0 0 20rpx 0 rgba(187, 188, 205, 0.5);
	border-radius: 8rpx;
	overflow: hidden;
	.goods-price-con{
		padding-left: 8rpx;
		word-break: break-all;
	}
	.price2{
		text-decoration: line-through;
	}
}
// pageTag
.pageTag{
	margin: 0 auto 20rpx;
	width: 144rpx;
	line-height: 48rpx;
	border-radius: 4rpx;
	background: $theme4Red;
}
// 卖点
.sell_point{
	position: relative;
	padding: 0 120rpx;
	text-align: center;
}
.showAllPoint{
	position: absolute;
	right: 40rpx;
	bottom: 0;
}
.optbox{
	margin-top: 40rpx;
}
/*  标签 */
.tag-wrap view{
	padding: 0 20rpx;
	line-height: 48rpx;
	margin-top: 20rpx;
	border-radius: 4rpx;
	color: rgba(130, 131, 147, 1);	
	background-color: rgba(187, 188, 205, .3);
	text{
		width: 28rpx;
		line-height: 28rpx;
		display: inline-block;
		text-align: center;
		margin-right: 10rpx;
		background: #828393;
		color: #fff;
	}
}
// 分享按钮
.share-btn{
	width: 84rpx;
	line-height: 80rpx;
	text-align: center;
	overflow: hidden;
}
